<template>
  <div class="commentHead">
        <div class="message">
            <div class="imgBox" @click="$router.go(-1)">
                <img src="../../../assets/images/左箭头.png" alt="">
            </div>
            <div class="commentCount" v-if="detail">
                <p>评论<span>({{comment.total}})</span></p>
            </div>
        </div>
        <div class="iconBox">
            <img src="../../../assets/images/分享.png" alt="">
        </div>
  </div>
</template>

<script>
    export default {
        props:["detail","comment"]
    }
</script>

<style lang="scss" scoped>
    @import "~@/assets/css/common.scss";
    .commentHead{
        padding: vw(16) vw(24);
        display: flex;
        justify-content: space-between;
        align-items: center;
        .message{
            display: flex;
            justify-content: space-between;
            align-items: center;
            .imgBox{
                width: vw(26);
                height: vw(26);
                font-size: 0;
                overflow: hidden;
                img{
                    display: block;
                    width: 100%;
                }
            }
            .commentCount{
                margin-left: vw(16);
                color: #171717;
                p{
                    font-size: vw(16);
                    span{
                        font-weight: bold;
                    }
                }
            }
        }
        .iconBox{
            width: vw(22);
            height: vw(22);
            font-size: 0;
            overflow: hidden;
            img{
                width: 100%;
                display: block;
            }
        }
    }
</style>